import React from 'react';

const ImageDisplay = ({ imageUrl }) => {
  return (
    <div className="mt-4 flex justify-center items-center">
      <img 
        src={imageUrl} 
        alt="Hot Topic" 
        className="max-w-full object-contain"
        style={{ maxWidth: '100vw', maxHeight: '100vh', height: 'auto' }}
      />
    </div>
  );
};

export default ImageDisplay;